<template>
  <div class="app flex grow">
    <div class="left">
      <Left></Left>
    </div>
    <div class="right">
      <Right></Right>
    </div>
  </div>
</template>
<script>
import index from "../api/index";
import Left from "../component/left";
import Right from "../component/right";
import * as fn from "../script/utils";
import behavior from "../script/behavior";

const { version, token } = fn.getUrlParams();
const userData = { ...behavior };
export default {
  components: { Left, Right },
  data() {
    return {
      version: version,
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss">
body {
  background: url($PIC_URL + "/tlbypcWeb/extremeLive/bg.png") no-repeat center;
  background-size: cover;
}
._stockCode {
  color: #2e76d8;
  cursor: pointer;
}
</style>
<style lang="scss">
@import "../style/var.scss";
.app {
  align-items: center;
  justify-content: space-between;
  width: 1150px;
  margin: 0 auto;

  .left {
    // width: 80%;
    // min-width: 700px;
    // max-width: 1150px;
    min-height: 660px;
    height: 88%;
    // background: #fff;

    @include theme1;
  }
  .right {
    width: 450px;
    min-height: 660px;
    height: 88%;
    @include theme1;
  }
}
</style>
